<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蓝源Eloan-P2P平台</title>
		<#include "common/links-tpl.ftl" />
    <link type="text/css" rel="stylesheet" href="/css/account.css"/>
    <script type="text/javascript"
            src="/js/plugins/jquery.twbsPagination.min.js"></script>
    <script type="text/javascript" src="/js/plugins-override.js"></script>
    <script type="text/javascript"
            src="/js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#pagination").twbsPagination({
                //当前页是0或者是第一页
                startPage: ${pageInfo.pageNum},
                totalPages: ${pageInfo.pages} || 1,
                visiblePages: 5,
                onPageClick: function (event, page) {
                //填充value
                $("#pageNum").val(page);
                //提交表单
                $("#searchForm").submit();
            }
        })
            ;
            $("#query").click(function () {
                //刷新设置当前页为1
                $("#pageNum").val(1);
                //提交表单
                $("#searchForm").submit();
            })

            $(".beginDate").click(function () {
                WdatePicker({
                    maxDate: '%y-%M-%d'
                })
            })

            $(".endDate").click(function () {
                WdatePicker({
                    minDate: $(".beginDate").val(),
                    maxDate: '%y-%M-%d'
                })
            })
        })
    </script>
</head>
<body>

<!-- 网页顶部导航 -->
		<#include "common/head-tpl.ftl" />
<!-- 网页导航 -->
		<#assign currentNav="personal" />
		<#include "common/navbar-tpl.ftl" />

<div class="container">
    <div class="row">
        <!--导航菜单-->
        <div class="col-sm-3">
					<#assign currentMenu="ipLog" />
					<#include "common/leftmenu-tpl.ftl" />
        </div>
        <!-- 功能页面 -->
        <div class="col-sm-9">
            <form action="/ipLog" name="searchForm" id="searchForm"
                  class="form-inline" method="post">
                <input type="hidden" id="pageNum" name="pageNum" value=""/>
                <div class="form-group">
                    <label>时间范围</label>
                    <input type="text" class="form-control beginDate"
                            name="beginDate" value='${(qo.beginDate?string("yyyy-MM-dd"))!""}'/>
                </div>
                <div class="form-group">
                    <label></label>
                    <input type="text" class="form-control endDate"
                           name="endDate" value='${(qo.endDate?string("yyyy-MM-dd"))!""}'/>
                </div>
                <div class="form-group">
                    <label>状态</label>
                    <select class="form-control" name="state" id="state">
                        <option value="-1">全部</option>
                        <option value="0">登录失败</option>
                        <option value="1">登录成功</option>
                    </select>
                </div>

                <#--状态码回显-->
                <script>
                    $("#state option[value='${qo.state}']").prop("selected",true);
                </script>

                <div class="form-group">
                    <button type="button" id="query" class="btn btn-success"><i
                            class="icon-search"></i> 查询
                    </button>
                </div>
            </form>

            <div class="panel panel-default" style="margin-top: 20px;">
                <div class="panel-heading">
                    登录日志
                </div>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>用户</th>
                            <th>登录时间</th>
                            <th>登录ip</th>
                            <th>登录状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        <#list pageInfo.list as item>
                            <tr>
                                <td>${item.username}</td>
                                <td>${item.loginTime?string("yyyy-MM-dd HH:mm:ss")}</td>
                                <td>${item.ip}</td>
                                <td>
                                   <#if item.stateDisPlay == "登陆失败">
                                        <span style="color: red">${item.stateDisPlay}</span>
                                       <#else>
                                           ${item.stateDisPlay}
                                   </#if>
                                </td>
                            </tr>
                        </#list>
                    </tbody>
                </table>
                <div style="text-align: center;">
                    <ul id="pagination" class="pagination-sm"></ul>
                </div>
            </div>
        </div>
    </div>
</div>
						
		<#include "common/footer-tpl.ftl" />
</body>
</html>